<template>
  <div id="index">
    <el-row type="flex" justify="center" style="margin-top: 50px;">
      <el-col :span="16">
        <el-row>
          <el-col :span="24">
            <h2>尊敬的用户您好，客服人员工作时间是工作日9:00 —18:00，请您留下您的联系方式，客服人员上班后会第一时间回复您。</h2>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="24">
            <el-form>
              <el-form-item label="姓名">
                <el-input v-model="form.name" />
              </el-form-item>
              <el-form-item label="电话">
                <el-input v-model="form.phone" />
              </el-form-item>
              <el-form-item label="邮箱">
                <el-input v-model="form.email" />
              </el-form-item>
              <el-form-item label="留言">
                <el-input v-model="form.remark" type="textarea" />
              </el-form-item>
              <el-form-item style="text-align: center">
                <el-button style="width: 20%" type="primary">提交</el-button>
                <el-button style="width: 20%">取消</el-button>
              </el-form-item>
            </el-form>
          </el-col>
        </el-row>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  name: 'Index',
  data() {
    return {
      form: {}
    }
  }
}
</script>

<style scoped>
  #index {
    width: 70%;
    margin: 0 auto;
  }
</style>
